// 该文件是整个项目的入口文件

//引入Vue,不使用残缺版vue（缺少模板解析器）会造成一个问题，模板解析器占着vue.js三分之一，webpack中打包已经解析了模板了，这个模板解析器就没有了作用，不用存在，省空间
import Vue from 'vue'
//引入App组件，他是所有组件的父组件
import App from './App.vue'

/* 
  关于不同版本的Vue：
	
    1.vue.js与vue.runtime.xxx.js的区别：
        (1).vue.js是完整版的Vue，包含：核心功能+模板解析器。
        (2).vue.runtime.xxx.js是运行版的Vue，只包含：核心功能；没有模板解析器。

    2.因为vue.runtime.xxx.js没有模板解析器，所以不能使用template配置项，需要使用
      render函数接收到的createElement函数去指定具体内容。
*/


//关闭vue生产提示
Vue.config.productionTip = false
//创建vue实例对象--vm
new Vue({
  // render: h => h(App),
  render: function (h) {
    return h(App);// h为一个函数，用来创建节点，因为vue.runtime.xxx.js没有模板解析器，所以不能使用template这个配置项(因为没有解析器解析template配置项里面的内容)，需要使用render函数接收到的createElement（h）函数去指定具体内容，render不能解析模板，解析模板是因为App和其他组件都有特有的库解析，render拿到的是解析后的，最后render只是将解析后的模板创建具体的内容，也就是真实DOM到页面
  }
}).$mount('#app')
